@import '../c_themes/theme.scss';

// 评论区
.content-comment {
	background-color: $weakest-color;
}
	// 头部
	.content-comment .comment-head {
		display: flex;
		justify-content: space-between;
		padding: 20rpx 20rpx 10rpx 20rpx;
		border-bottom: $common-line-width solid $tweenLine-color;
	}
	// 标题
	.content-comment .comment-head .comment-title {
		font-size: $title3-fontSize;
	}
	// 标题
	.content-comment .comment-head .comment-sort {
		display: flex;
	}
	// 排序按钮
	.content-comment .comment-head .comment-sort .sort-button {
		align-self: center;
		padding: 4rpx 10rpx;
		color: $sub-color;
		line-height: 1;
		border-radius: 0;
		background-color: transparent;
		font-size: $normal-fontSize;
	}
		.content-comment .comment-head .comment-sort .sort-button::after {
			display: none;
		}
		// 第一按钮后加间隔线
		.content-comment .comment-head .comment-sort .sort-button {
			border-right: $common-line-width solid $sub-color;
		}
			// 最后一个关闭间隔线
			.content-comment .comment-head .comment-sort .sort-button:last-child {
				border: none;
			}
		// 选中按钮
		.content-comment .comment-head .comment-sort uni-button.selected {
			color: $normal-color;
		}
	.comment-list-item {
		border-bottom: $common-line-width solid $tweenLine-color;
		padding: 20rpx 0 10rpx 0;
	}
	// 评论内容
	.comment-item-content {
		margin-left: 110rpx;
		}
	// 更多回复
	.comment-item-content .comment-item-more {
		text-align: left;
		color: $important-color;
		padding: 10rpx 0;
		line-height: 1;
		font-size: $normal-fontSize;
		background-color: transparent !important;
	}

	// 评论二级页，评论内容
	.sub-comment-content .comment-list-item {
		border-bottom: none;
	}
